<template>
	<div class="container">
		<van-nav-bar
		  left-arrow
		  @click-left="closeWin"
		  :border="false"
		>		
		  <van-icon name="arrow-left" slot="left" color="#000" size="20"/>
		  <div slot="title" class="weight_header" style="font-size: 16px;">提现</div>
	    </van-nav-bar>
	    

	    <div class="wrap">
	    	
	    	<div class="title">请选择提现方式(暂时只支持支付宝提现)</div>
	    	<div class="selectWrap" @click="active=2">
	    		<div class="section1"><img src="../../../../static/img/lanhu/76.png" alt="" /></div>
	    		<div class="section2">支付宝</div>
	    		<div class="section3">
	    			<img src="../../../../static/img/lanhu/74.png" alt="" v-if="active==2"/>
	    			<img src="../../../../static/img/lanhu/73.png" alt="" v-else/>
	    		</div>
	    	</div>	    	
	    	
	    	<!--<div class="selectWrap" @click="active=1">
	    		<div class="section1"><img src="../../../../static/img/lanhu/72.png" alt="" /></div>
	    		<div class="section2">微信</div>
	    		<div class="section3">	    			
	    			<img src="../../../../static/img/lanhu/74.png" alt="" v-if="active==1"/>
	    			<img src="../../../../static/img/lanhu/73.png" alt="" v-else/>
	    		</div>
	    	</div>

	    	<div class="selectWrap" style="border-bottom: 0;" @click="active=3">
	    		<div class="section1"><img src="../../../../static/img/lanhu/75.png" alt="" /></div>
	    		<div class="section2">银联</div>
	    		<div class="section3">
	    			<img src="../../../../static/img/lanhu/74.png" alt="" v-if="active==3"/>
	    			<img src="../../../../static/img/lanhu/73.png" alt="" v-else/>
	    		</div>
	    	</div>	    	-->
	    	
	    	
	    	
	    </div>
	    
	    <div class="tips">由于需要审核，提现预计将在24小时内到账</div>
	    
	    
	    <div class="next">
	    	<div @click="next">下一步</div>
	    </div>
	    

	</div>	
</template>

<script>
import {getFun} from '@/api/publicFun.js'	
let publicFun=getFun()	
export default {	
	data() {
       return {
         active:2
       }
	},
	methods: {	
      next(){
		switch(this.active) {
	     case 1:
	        this.$toast('功能正在开发中,请选择支付宝提现')
	        return false
	        this.link('/market/withdrawal/wx')
	        break;					 
	     case 2:
	        this.link('/market/withdrawal/ali')
	        break;
	     case 3:
	        this.link('/market/withdrawal/bank')
	        break;		        
		} 	      	
      }
	},
	mixins:[publicFun],//混入		
	mounted() {
	}
}	
</script>

<style scoped="" lang="scss">
*{font-size: 14px;color: #333;font-weight: 500;}
.container{position: absolute;left: 0;top: 0;background: #f8f8f8;min-height: 100%;width: 100%;}
.wrap{background: #fff;}
.title{font-size: 13px;color: #999;padding: 15px;margin-top: 10px;}
.selectWrap{padding: 15px;border-bottom: 1px solid #f0f0f0;display: flex;align-items: center;}
.section1 img{width: 17px;display: block;}
.section3 img{width: 14px;display: block;}
.section2{flex: 1;margin-left: 10px;}
.tips{padding: 15px;color: #999;font-size: 12px}
.next{padding: 15px;
  div{background: #FFD630;text-align: center;padding: 12px 0;font-size: 16px}
}
</style>